@login: legions-branch-detail;
.@{login}{
    position : absolute;
    width: 100%;
    height: 100%;
    background-color: #EFF4FF;
    overflow: hidden;
    flex-direction: column;
    display: flex;
    .panel__content{
        margin-left: 32px;
        margin-right: 32px;
        width: 686px;
       .content{
            background: #FFFFFF;
            display: flex;
            flex-direction: column;
            padding-top: 24px;
            margin-top: 20px;
            position: sticky;
            .title{
                display: -webkit-box;
                overflow-wrap: break-word;
                -webkit-line-clamp: 2;
                text-overflow: ellipsis;
                overflow: hidden;
                /* autoprefixer: ignore next */
                -webkit-box-orient:vertical;
                white-space:normal;
                line-clamp: 2;
                margin:0px 46px 24px 24px ;
                font-size: 30px;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #2D2E2E;
            }
            .desc{
                font-size: 28px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #737475;
                line-clamp: 3;
            }
            .li{
                overflow: hidden; /*超出部分隐藏*/
                white-space: nowrap;
                /*文本溢出用"..."表示*/
                text-overflow: ellipsis; /*适用IE*/
                -o-text-overflow: ellipsis;
                margin: 0px 46px 24px 24px;
                font-size: 28px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #737475;
                display: flex;
                flex-direction: row;
                .name{
                    width: 205px;
                    height: 60px;
                    background: linear-gradient(270deg, #AEDEFF 0%, #DAF0FF 100%);
                    border-radius: 30px;
                    text-align: center;
                    .text{
                        height: 60px;
                        font-size: 28px;
                        font-family: PingFangSC-Regular, PingFang SC;
                        font-weight: 400;
                        color: #2D2E2E;
                        line-height: 60px;
                    }
                }
                .direction{
                    width: 50px;
                    height: 29px;
                    margin: 28px 30px 15px 30px;
                    .image{
                        width: 50px;
                        height: 29px;
                    }
                }
            }
            .icon{
                width: 151px;
                height: 132px;
                background-size: 151px 132px;
                position: absolute;
                right: 19px;
                bottom: 31px;
            }
            .pass{
                background-image:url('https://hoolinks-frontend-resources.oss-cn-shenzhen.aliyuncs.com/images/weapp-pass.png');
            }
            .reject{
                background-image:url('https://hoolinks-frontend-resources.oss-cn-shenzhen.aliyuncs.com/images/weapp-reject.png');
            }
            .wait{
                background-image:url('https://hoolinks-frontend-resources.oss-cn-shenzhen.aliyuncs.com/images/weapp-wait.png');
            }
        }
        
    }
    .bottom{
        flex: 1 0 auto;
        display: flex;
        height: 70px;
        margin-left: 32px;
        margin-right: 32px;
        align-items: flex-end;
        justify-content: center;
        flex-direction: row;
        margin-bottom: 30px;
        .button{
            width: 152px;
            height: 68px;
            line-height: 68px;
            background: #FFFFFF;
            border-radius: 8px;
            font-size: 28px;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 500;
        }
        .disabled {
            color: #6190e8 !important;
            border: 1px solid #6190e8 !important;
            background-color: #fff !important;
            opacity: .3;
        }
    }
}
